<script lang="ts" setup>
import TopPanel from "./dashboard/TopPanel.vue";
import ActivityCard from "./dashboard/ActivityCard.vue";
import RadarChart from "./dashboard/RadarChart.vue";
import PieChart from "./dashboard/PieChart.vue";
import LineChart from "./dashboard/LineChart.vue";
</script>
<template>
  <TopPanel />
  <el-row>
    <el-col class="mt-1" :sm="24" :md="12" :xl="12">
      <ActivityCard />
    </el-col>
    <el-col class="mt-1" :sm="24" :md="12" :xl="12">
      <RadarChart />
    </el-col>
  </el-row>
  <el-row>
    <el-col class="mt-1" :sm="24" :md="18" :xl="18">
      <LineChart />
    </el-col>
    <el-col class="mt-1" :sm="24" :md="6" :xl="6">
      <PieChart />
    </el-col>
  </el-row>
</template>

<style scoped></style>
